<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人注册</title>
    <script src="js/jquery.min.js"></script>
    <!-- icon -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- css -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/register.css">
    <!-- js -->
    <script src="./js/register.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header class="head w">
        <!-- SEO 优化 div -> h1 -> a -->
        <div class="logo">
            <h1>
                <a href="index.html" title="巨能拼">巨能拼</a>
            </h1>
        </div>
    </header>
    <div class="w">
        <div class="register">
            <div class="reg-hd">
                <ul>
                    <li class="title">注册新用户</li>
                    <li class="gotologin">我有账号，去<a href="login.html" class="style_red">登录</a></li>
                </ul>
            </div>
            <div class="reg-form">
                <ul>
                    <li>
                        <label for="">手机号:</label>
                        <input type="text" name="phone" id="phone" class="info" placeholder="请输入11位手机号" value="">
                        <span class="">
                            <i class=""></i>
                            <p></p>
                        </span>
                    </li>
                    <li>
                        <label for="">用户名:</label>
                        <input type="text" name="username" id="username" class="info" placeholder="请输入用户名" value="">
                        <span class="">
                            <i class=""></i>
                            <p></p>
                        </span>
                    </li>
                    <li>
                        <label for="">登录密码:</label>
                        <input type="password" name="password" id="password" class="info" placeholder="请输入至少6位密码"
                            value="">
                        <span class="">
                            <i class=""></i>
                            <p></p>
                        </span>
                    </li>
                    <li class="safe">
                        安全程度
                        <em class="low">弱</em>
                        <em class="middle">中</em>
                        <em class="strong">强</em>
                    </li>
                    <li>
                        <label for="">确认密码:</label>
                        <input type="password" name="apassword" id="apassword" class="info" placeholder="请确认" value="">
                        <span class="">
                            <i class=""></i>
                            <p></p>
                        </span>
                    </li>
                    <li class="agree">
                        <input type="checkbox" name="agree" id="agree"> 同意协议并注册
                        <a href="#">《知晓用户协议》</a>
                        <span class="">
                            <i class=""></i>
                            <p></p>
                        </span>
                    </li>
                    <li>
                        <button class="confirm">完成注册</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer class="foot">
        <div class="w">
            <div class="mod_copyright">
                <div class="links">
                    <a href="#">关于我们</a> | <a href="#">联系我们</a> | 联系客服 | 商家入驻 | 营销中心 | 手机巨能拼 | 友情链接 | 销售联盟 | 巨能拼社区 |
                    巨能拼公益 | English Site | Contact U
                </div>
                <div class="copyright">
                    地址：辽宁省大连市金州区金石路31号 电话：158 4856 6846 邮箱: 844191153@qq.com <br>
                    京ICP备0012138号 京公网安备012138121380
                </div>
            </div>
        </div>
    </footer>
</body>

</html>